import React from "react"

interface HeaderProps {
  height?: number
  backgroundColor?: string
  items: string[]
}

const Header: React.FC<HeaderProps> = ({
  height = 72,
  backgroundColor = "rgb(245, 245, 247)",
  items,
}) => {
  return (
    <header
      style={{ height, backgroundColor }}
      className="w-full flex items-center px-8 shadow-sm"
    >
      <nav className="flex gap-8">
        {items.map((item) => (
          <span
            key={item}
            className="text-lg font-semibold cursor-pointer hover:text-blue-600 transition-colors"
          >
            {item}
          </span>
        ))}
      </nav>
    </header>
  )
}

export default Header
